<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>报名</title>
<link rel="stylesheet" href="b-style.css">
<link rel="stylesheet" href="ipad-style.css" media="screen and (max-width:980px)">
<link rel="stylesheet" href="mobile-style.css" media="screen and (max-width:640px)">


</head>

<body>
<div class="header">
	<h1><a href="#">松大竞赛</a></h1>
  <ul>
    	<li class="li1"><a href="#">登录</a></li>
        <li class="li2"><a href="#">注册</a></li>
    </ul>
</div>

<div class="nav">
    <div class="con">
        <ul>
            <li><a href="#">竞赛主页</a></li>
            <li><a href="#">赛前练习</a></li>
            <li><a href="#">成绩查询</a></li>
        </ul>
    </div>
</div>
<div class="center">
	<form class="message" action="" method="post">
    	<div class="information">
        	<span class="sp1">*</span><span class="sp2">姓名：</span>
            <input id="userName" name="userName" type="text" placeholder="请输入正确的名字" class="userName"/>
        </div>
        
        <div class="information">
        	
        	<span class="sp1"> </span><span class="sp2">性别：</span>
            <label><input type="radio" name="gender" checked="checked"/>男</label>
            <label><input type="radio" name="gender"/>女</label>
        </div>
        
        <div class="information">
        	<div class="box" >
                <span class="sp1">*</span><span class="sp2">省份：</span>
                <select class="select">
                    <option selected="selected">湖南省</option>
                    <option >广东省</option>
                    <option >北京市</option>
                    <option >天津市</option>
                    <option >河北省</option>
                </select>
            </div>
            
            <div class="box box2">
                <span class="sp1">*</span><span class="sp2">&nbsp;&nbsp;&nbsp;市：</span>
                <select class="select">
                    <option selected="selected">长沙市</option>
                    <option >怀化市</option>
                    <option >郴州市</option>
                </select>
            </div>
            <div class="box box3">
                <span class="sp1">*</span><span class="sp2">学校：</span>
                <select class="select">
                    <option selected="selected">湖南师范学院</option>
              <option >长沙理工大学</option>
              <option >中南大学</option>
    
                </select>
            </div>
        </div>
        
        <div class="information">
        	<span class="sp1"> </span><span class="sp2">专业：</span>
            <select class="select">
            	<option selected="selected">建筑设备工程技术</option>
                
            </select>
        </div>
        
        <div class="information">
        	<span class="sp1"> </span><span class="sp2">邮箱：</span>
            <input id="email" type="text" placeholder="请输入邮箱" class="Email"/>
        </div>
        
        <div class="information">
        	<span class="sp1">*</span><span class="sp2">电话：</span>
            <input type="text" id="phone" name="phone" placeholder="请输入电话号码" class="number"/>
        </div>
        
        <div class="information">
        	<span class="sp1 codeSp1">*</span><span class="sp2 codeSp2">验证码：</span>
            <input id="phoneCode" type="text" placeholder="请输入验证码" maxlength="6" class="code"/>
            <button class="btn">获取验证码</button>
            <span class="sp3">60s</span>
        </div>
        
        <div class="information">
        	<a href="signupSuccess.html" id="signup_a" class="apply">报名</a>
            <a href="javascript:;" id="back" class="return">返回</a>
        </div>
        
        
        
    
    
    
    
    </form>
</div>


<div class="footer cfooter">
	<div class="f_nav">
    	<span></span>
    	<ul>
        	<li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">联系我们</a></li>
            <li><a href="javascript:;">常见问题</a></li>
            <li><a href="javascript:;">通知公告</a></li>
            <li><a href="javascript:;">使用帮助</a></li>
        </ul>
    </div>
    <p>Copyright © 2011-2020   深圳市松大科技有限公司  版权所有  保留一切权利  粤ICP备11037362号 |粤ICP备11037362号-1</p>
</div>

    


</body>
</html>
